<template>
  <view>
    <view class="topView">
      <view class="container">
				<image class="top_img" src="https://100000063-1252208446.file.myqcloud.com/images/macallan-remvp/cart/Dividersx.png"></image>
        <view class="text">请完善地址所在地区的街道/镇信息</view>
        <view class="checkBtnBox">
          <view class="btn submit" @click="closeDialog">立即完善</view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {

      }
    },
    props: {
      operateHandle: {
        type: String
      },
      orderAddressId: {
        typeof: String
      }
    },
    methods: {
      closeDialog() {
        if (this.operateHandle == 'submit') {
          this.$emit('closeStreetDialog')
          uni.navigateTo({
            url: '/pages/customer/address?fromPage=order&addressId=' + this.orderAddressId
          })
        } else {
          this.$emit('closeStreetDialog')
        }
      }
    }
  }
</script>

<style lang="scss">
  .topView {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;

    .container {
      position: absolute;
      top: 50%;
			margin-top: -254rpx;
      width: 654rpx;
      height: 508rpx;
      background: #fff;
      left: 48rpx;
			padding-top: 128rpx;
			.top_img{
				width: 182rpx;
				height: 56rpx;
				margin: 0 auto;
				display: block;
			}

      .text {
        text-align: center;
        font-size: 28rpx;
        line-height: 48rpx;
        margin: 20rpx auto 80rpx;
				font-family: NotoSansSC-Regular;
      }

      .checkBtnBox {
        margin: 0 48rpx;
        display: flex;
        justify-content: center;

        .btn {
          width: 526rpx;
          height: 80rpx;
					border-radius: 48px 16px 48px 48px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: #fff;
          color: #000;
					font-family: NotoSansSC-Medium;
					font-size: 28rpx;
          &.submit {
            color: #fff;
            background: #000;
          }
        }
      }
    }
  }
</style>
